@media screen and (max-height: 900px) {

	.ban3 .img3{
		left: 45%;
		width: 4%;
	}
	.ban3 .text3{
		right:6%;
	}
	.text4 h1 {
        font-size: 60px;
        line-height: 60px;
   }
   .text4 h2{
   	    font-size: 40px;
   	    line-height: 40px;
   }
   .text4 h3 {
        font-size: 30px;
        line-height: 40px;
   }
   .ban4 .img12 {
        right: 21%;
        width: 23%;
    }
    .ban5 .img1{
    	margin: 10% auto;
    }
    .text5 h1 {
        font-size: 70px;
        line-height: 70px;
    }
    .text5 h2 {
        font-size: 50px;
        line-height: 50px;
    }
    .text5 h3 {
        font-size: 25px;
        line-height: 40px;
    }
    .text5 ul li {
        width: 100px;
        height: 100px;
    }
    .text5 ul li h4 {
        font-size: 20px;
        margin-top: 25px;
    }
    .text6 h1{
    	font-size: 50px;
    	line-height: 50px;
    }
    .text6 h2{
    	font-size: 50px;
    	line-height: 50px;
    }
    .ban6 .text6_1 {
        right: 10%;
    }
    .ban7 .footer{
    	margin: 10% auto;
    	max-width: 1024px;
    }
    .footer .right{
    	width: 40%;
    }
    .right h1 {
        font-size: 40px;
        line-height: 40px;
    }
    .right h2 {
        font-size: 50px;
        line-height: 50px;
    }
    .img6 .no155{top: 0px;}
   
   .img6 .no2,
.img6 .no1,
.img6 .no4,
.img6 .no5{
	display: none;
}
    .img6 .no3{
        display: block;
    }
}

@media screen and (max-width: 1440px) {
       .img6 .no5,
.img6 .no1,
.img6 .no4,
	.img6 .no3{
        display: none!important;
    }
    .img6 .no2{
        display: block!important;
    }
}




@media screen and (max-width: 1366px) {

	.ban1 .img1{
		width: 30%;
	}
    
	.ban1 .img2 {
        bottom: 45%;
        width: 12%;
    }
    .ban1 .img3{
    	width: 9%;
    }
    .img6 .no155{top: 0px;padding-left: 0px;}
    .ban1 .img4{
    	width: 9%;
    }
    .ban1 .text1 {
        right: 23%;
    }
    .text1 h1 { 
        font-size: 50px;
        line-height: 50px;
    }
    .text1 h2{
    	font-size: 30px;
    }
    .text1 h3{
    	font-size: 25px;
    }
    .ban2 .img1 {
        top: 18%;
        width: 6%;
    }
    .ban2 .img2{
    	width: 20%;
    }
    .ban2 .img5{
      top:55%;
        width: 120px;
        height: 120px;
       transform: translate3d(260px, -80px, 0px)!important;
        transition-duration: 2s!important;
    }
    .ban2 .img5 p { 
        padding: 0 10px 0 35px; 
        font-size: 14px;
    }
    .ban2 .img6{
	    width: 120px;
        height: 120px;
     /*   right: 44%;
        bottom: 52%;*/
        transform: translate3d(260px, 160px, 0px)!important;
        transition-duration: 2s!important;
-moz-transition-duration: 2s!important; /* Firefox 4 */
-webkit-transition-duration: 2s!important; /* Safari 和 Chrome */
-o-transition-duration: 2s!important; /* Opera */
    }
    .ban2 .img6 p {
        padding: 0 10px 0 20px;
        font-size: 14px;
    }
    .ban2 .img7{
  /*  right: 20%;
    bottom: 55%;*/
	    width: 120px;
        height: 120px;
        transform: translate3d(-190px, 160px, 0px)!important;
        transition-duration: 2s!important;
    }
    .ban2 .img7 p {
        padding: 0 26px 0 14px;
        font-size: 14px;
    }
    .ban3 .img6 {
        left: 5%;
        width: 35%;
    }
    .ban3 .img1 {
        top: 20%;
        width: 5%;
    }
    .ban3 .text3{
    	top: 25%;
    }
    .text3 h2 {
        font-size: 20px;
        line-height: 30px;
    }
    .text3 h2 div {
        width: 185px;
    }
    .text3 h1 {
        font-size: 50px;
        line-height: 50px;
    }
    .text3 p{
    	font-size: 14px;
    }
    .text3 ul li {
        width: 150px;
    }
    .text3 ul li h5{
	    font-size: 12px;
    }
 
    .text4 h1 {
        font-size: 40px;
        line-height: 40px;
    }
    .text4 h2{
   	    font-size: 30px;
   	    line-height: 30px;
    }
    .text4 h3 {
        font-size: 20px;
        line-height: 30px;
    }
    .text4 p{
    	font-size: 14px;
    }
    .ban5 .img1{
    	max-width: 1024px;
    	margin: 13% auto;
    }
    .ban5 .img1 img{
    	width: 35%;
    }
    .text5 h1 {
        font-size: 50px;
        line-height: 50px;
    }
    .text5 h2 {
        font-size: 30px;
        line-height: 30px;
    }
    .text5 h3 {
        font-size: 20px;
        line-height: 30px;
    }
    .text5 p{
    	font-size: 14px;
    }
    .text5 ul li {
        width: 95px;
        height: 95px;
    }
    .text5 ul li h4 {
        font-size: 16px;
        margin-top: 25px;
    }
    .text5 ul li {
    	font-size: 14px;
    }
    .text6_1 h3{
    	font-size: 16px;
    }
    .text6_1 p {
        font-size: 12px;
        line-height: 20px;
    }
    .text6_1 ul li:nth-child(2) {
        height: 400px;
    }
    .text6_1 ul li .r1{
    	height: 195px;
    }
    .text6_1 p {
    	margin: 0px auto;
    }
    .left .ul li {
        margin-top: 18px;
    }
    .footer .right {
        width: 35%;
    }
    .right h1 {
        font-size: 30px;
        line-height: 30px;
    }
    .right h2 {
        font-size: 40px;
        line-height: 40px;
    }
}



@media screen and (max-width: 1280px){
    
	   .img6 .no3,
.img6 .no1,
.img6 .no5,
	.img6 .no2{
        display: none!important;
    }
    .img6 .no4{
        display: block!important;
    }
}
@media only screen and (max-width: 1280px) and (max-height:800px){
    .img6 .no1{
        display: block!important;
    }
	.img6 .no2,
	.img6 .no3,
	.img6 .no5,
    .img6 .no4{
        display: none!important;
    }
}


@media screen and (max-width: 1080px) {
    .header .block{
        margin-right: 50px;
    }
    .block ol{
        left: -92px;
    }
    .block ol li {
        width: 200px;
        font-size: 28px;
        height: 60px;
        line-height: 55px;
     
    }
    .img6 .no155{display: none!important;}
	.img6 .no1,
	.img6 .no2,
	.img6 .no3,
    .img6 .no4{
        display: none!important;
    }
    .img6 .no5{
        display: block!important;
    }
    .ban3 .img6{
        left:1%;
    }
	.header ul{
		display: none;
	}
	.header .block{
	    display: block;
    }
    .ban4 .img12 {
        right: 15%;
        width: 22%;
    }
    .ban5 .img1{
    	margin:18% auto;
    }
    .ban5 .img1 .text5{
    	width: 60%;
    }
    .ban6 .text6_1 {
        right: 5%;
    }
    .ban6 .text6{
        
    }
    .text6 h1 {
        font-size: 30px;
        line-height: 30px;
    }
    .text6 h2 {
        font-size: 30px;
        line-height: 30px;
    }
    .ban2 .img2{
        bottom:26%;
    }
    .ban2 .img5{
        top:45%;
    }
	.img6 .no2,
	.img6 .no3,
	.img6 .no5,
     .img6 .no1 {
    display: none!important;
    }
    .img6 .no4 {
    display: block!important;
    }
    
}



@media screen and (max-width: 800px) {
    .fp-controlArrow.fp-prev{
        left: -40px!important;
        border-color:transparent #000 transparent transparent!important;
    }
    .fp-controlArrow.fp-next{
        right: 8%!important;
        border-color:transparent transparent transparent #000!important;
    }
    .ban1 .img3 {
        width: 55%;
        top: 8%!important;
        right: 0;
    }
    .img6 .no155{display: none!important;}
	.ban1 .img3{
		top: 25%;
	}
	.text1 h2 {
    	font-size: 20px;
	}
	.text1 h3 {
	    font-size: 18px;
	}
	.text1 p {
	    font-size: 15px;
	}
	 .ban1 .img2 {
        bottom: 60%;
        width: 40%;
        left: -8%!important;
    }
    .ban1 .text1 {
        right: 10%;
        width: 600px;
    }
    .text1 h1 {
        font-size: 50px;
        line-height: 50px;
    }
    .text1 h2 {
        font-size: 30px;
    }
    .text1 h3 {
        font-size: 22px;
    }
    .text1 p {
        font-size: 20px;
        line-height: 30px;
    }
    .ban1 .img4 {
        width: 31%;
        bottom: 10%;
        right: -6%!important;
    }
     .ban1 .img1 {
        width: 55%;
        bottom: 0%;
    }
	.ban2 .img2{
		bottom: 30%;
	}
	.ban2 .img7{
		right: 38%;
	}
	.ban2 .img4 {
	    top: 24%;
	}
	.text2 h1{
		font-size: 60px;
	}
	.text2 h2 {
 	   font-size: 60px;
	}
    .ban2 .img1{
        width: 28%;
        left: 53%!important;
        top: 6%;
    }
    .ban2 .text2{
        top: 30%!important;
        right:20%!important;
    }
    .text2 p{
        font-size: 16px;
    }
    .ban2 .img3{
        bottom: 50%;
        width: 14%;
        left:-4%!important;
    }
    .ban2 .img4{
        left: 30%;
        width: 12%; 
    }
     .ban2 .img2 {
        bottom: -64%;
        width: 100%;
        right: 0;
    }
    .ban2 .img5{
        width: 140px;
        height: 140px;
        top: 61%;
        left:-20%;
        border-radius: 150px;
    }
    .ban2 .img6 {
        width: 140px;
        height: 140px;
        border-radius: 150px;
        bottom:47%!important;
        right:48%;
    }
    .ban2 .img7 {
        width: 140px;
        height: 140px;
        right: 15%;
        border-radius: 140px;
        bottom: 55%!important;
    }
    .ban2 .img5 img,
    .ban2 .img6 img, 
    .ban2 .img7 img {
        width: 55%;
    }
    .ban2 .img5 p,
    .ban2 .img6 p,
    .ban2 .img7 p{
        font-size: 16px;        
    }
    .ban2 .img5 p{
        padding: 0 20px 0 42px;
    }
    .ban2 .img6 p{
        padding: 0 8px 0 28px;
    }
    .ban2 .img7 p{
        padding: 0px 35px 0 31px;
    }
    .ban3 .img1{
        width: 14%;
        top:9%!important;
    }
	.text3 h1 {
	    font-size: 40px;
 	   line-height: 40px;
	}
	.ban3 .img6{
		/*display: none;*/
	}
    .no1{
        display: none;
    }
	.text3 ul li {
 	   width: 200px;
       min-height: 200px;
	}
    .text3 h2 {
        font-size: 25px;
        line-height: 30px;
    }
    .text3 h2 div {
        width: 240px;
    }
    .ban3 .text3 {
        right: 5%;
        left: 5%;
        top: 15%!important;
    }
    .text3 h1 {
        font-size: 50px;
        line-height: 50px;
    }
    .text3 p {
        font-size: 18px;
        line-height: 26px;
    }
    .text3 ul li h3{
        font-size: 24px;
    }
    .text3 ul li h5 {
        font-size: 14px;
    }
    .text3 ul li:nth-child(1){
        margin-right:0!important;
    }
    .ban3 .img3{
        display: none;
    }
    .ban3 .img6{
        left: 17%;
        width: 66%;
        bottom: -8%;
    }
    .img6 .no5 {
        display: block!important;
    }
	.img6 .no1,
	.img6 .no2,
	.img6 .no3,
    .img6 .no4 {
        display:none!important;
    }
    .ban3 .img5 {
        right: 0;
        bottom: 38%!important;
        width: 10%;
    }
    .ban3 .img2{
        right: 0!important;
        top:15%;
    }
    .ban3 .img4{
        left:0;
    }
    .ban4 .img3{
        left:33%;
    }
	.ban4 .text4{
		width: 600px;
	}
	.text4 ul li img {
	    width: 80%;
	}
    .ban4 .text4{
        top:10%;
        left: 8%;
    }
    .text4 p{
        font-size: 20px;
        line-height: 25px;
      /*  padding-right: 10%;*/
    }
    .text4 ul li img {
        width: 100%;
    }
    .text4 #div1{
        margin-top: 10px;
    }
    .text4 #div1 ul li{
        width: 19.5%;
    }
    .text4 #div1 ul li:nth-child(1) {
        margin-left: 3px;
    }
    .text4 h1 {
        font-size: 60px;
        line-height: 60px;
    }
    .text4 h2 {
        font-size: 50px;
        line-height: 50px;
    }
    .text4 h3 {
        font-size: 25px;
        line-height: 40px;
    }
    .ban4 .img2,
    .ban4 .img4,
    .ban4 .img5,
    .ban4 .img6,
    .ban4 .img7,
    .ban4 .img8,
    .ban4 .img9,
    .ban4 .img10,
    .ban4 .img11,
    .ban4 .img13{
        display: none;
    }
    .img121{
        display: none;
    }
    .img122{
        display: block;
    }
   .ban4 .img12 {
        right: 18%;
        width: 64%;
    }
	.ban5 .img1 img{
        width: 88%;
        margin-right: 10%;
        position: absolute;
        bottom: 0;
        right: 0%;
	}
	.ban5 .img1 .text5 {
	    width: 90%;
        position: absolute;
        top: 14%;
	}
	.text5 h1 {
	    font-size: 50px;
	    line-height: 50px;
	}
	.text5 h2 {
	    font-size: 35px;
	    line-height: 35px;
	}
    .ban5 .img1 {
        margin: 0% auto;
    }
    .text5 h3 {
        font-size: 25px;
        line-height: 36px;
    }
    .text5 p {
        font-size: 20px;
        line-height: 25px;
    }
    .text5 ul{
        margin-top: 5px;
    }
    .text5 ul li {
        width: 140px;
        height: 140px;
        margin-top: 2%;
    }
    .text5 ul li:nth-child(1) {
        margin-left: 0;
    }
    .text5 ul li h4 {
        font-size: 26px;
        margin-top: 28px;
    }
    .text5 ul li h5 {
        font-size: 24px;
    }
    .ban6 .img3 {
        left: 0;
        width: 21%;
            top: 90%;
    }
    .ban6 .img2 {
        top: 10%;
        width: 20%;
        left: 30%!important;
    }
    .ban6 .text6{
        top:22%!important;
    }
    .text6 h1 {
        font-size: 60px;
        line-height: 60px;
    }
    .text6 h2 {
        font-size: 50px;
        line-height: 50px;
    }
    .ban6 .img4 {
        left: 50%;
        bottom: 20%;
        width: 30%;
        top: 20%;
    }
    .ban6 .text6_1 {
        right: 3%!important;
        top:34%;
        bottom: 3%;
    }
    .text6_1 ul li{
        width: 100%;
        margin-top: 20px;
    }
    .text6_1 ul li a:nth-child(1){
        margin-top: 0;
    }
    .text6_1 ul li:nth-child(1) {
        height: auto;
    }
    .text6_1 ul li:nth-child(2){
        height: 375px;
        width: 86%;
        float: left;
        margin-left: 9%;
    }
    .text6_1 ul li .r1:nth-child(1) {
        margin-left: 7.5%;
        width: 42.5%;
    }
    .text6_1 ul li .r1:nth-child(2){
        margin-top: 0;
    }
    li.new1 {
        position: absolute;
        bottom: 0;
    }
    .text6_1 .hed {
        line-height: 30px;
        font-size: 14px;
        margin: 5px 5% 10px;
    }
    .text6_1 h3{
        font-size: 18px;
    }
    .text6_1 p {
        font-size: 14px;
        line-height: 22px;
    }
    .text6_1 ul li .r1 {
        height: 240px;
        width: 42%;
        float: left;
        margin-left: 2%;
    }
    .text6_1 ul li .ljxq{
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        width: 100px;
        margin-right: 0;
    }
    .text6_1 .nimg22{
        max-height: 150px;
    }
    .text6_1 ul li a{
        font-size: 24px;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .text6_1 ul li a .nimg {
        width: 20px!important;
        height: 22px!important;
    }

	.ban7 .footer {
	    margin: 25% auto;
	}
	.footer .left{
		width: 50%;
        position: absolute;
        bottom: 5%;
        margin-left: 20%!important;
	}
    .right h1 {
        font-size: 40px;
        line-height: 40px;
    }
	.right h1,.right h2{
        text-align: left;
	}
	.footer .right {
	    width: 48%;
        position: absolute;
        top: 15%;
        margin-left: 20%;
	}
}



@media screen and (max-width: 641px) {
    .ban2 .img7{
        right: 7%;
        width: 160px;
        height: 160px;
    }
    .ban2 .img5{
        left: -33%;
        width: 160px;
        height: 160px;
    }
    .ban2 .img6{
        bottom: 48%!important;
        right: 48%;
        width: 160px;
        height: 160px;
    }
    .ban2 .img5 p, .ban2 .img6 p, .ban2 .img7 p {
        font-size: 16px;
    }
    .ban2 .img5 p {
    padding: 0 20px 0 50px;
}
.ban2 .img7 p {
    padding: 0px 45px 0 31px;
}
    .ban2 .img2{
        bottom: -60%;
    }
    .text2 h2 {
        font-size: 50px;
    }
    .text3 h1 {
        font-size: 30px;
        line-height: 30px;
    }
	.ban3 .text3 {
	right:10%!important;
	}
    .text3 ul li:nth-child(1) {
      margin-left:0;
    }
    .text3 ul li {
        width: 160px;
        height: 200px;
        margin-left: 7px;
}
  .text3 ul li h5{
    display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
overflow: hidden;
  } 
    .text3 ul li h3 {
    font-size: 20px;
}
    .text4 h1 {
        font-size: 40px;
        line-height: 40px;
    }
    .text4 h2 {
        font-size: 40px;
        line-height: 40px;
    }
    .text4 p{
        padding-right: 8%;
        font-size: 14px;
        line-height: 20px;
    }
    .text5 h1 {
    font-size: 40px;
    line-height: 40px;
}
.ban5 .img1 .text5 {
    top: 11%;
}
.text5 h2 {
    font-size: 30px;
    line-height: 30px;
}
.text5 h3 {
    font-size: 22px;
    line-height: 30px;
}
.text5 p {
    font-size: 16px;
    line-height: 22px;
}
    .text5 ul li {
        width: 120px;
        height: 120px;
        margin-left: 10px;
    }
    .text5 ul li h4 {
        font-size: 20px;
    }	
    .text5 ul li h5 {
        font-size: 18px;
    }   
    .ban5 .img1 img {
        width: 90%;
        margin-right: 10%;
    }
	.ban6 .text6_1{
	margin-right:0px!important;
	}
    .ban6 .text6 {
        top: 15%!important;
    }
    li.new1 {
    display: none;
}
    .text6 h1 {
        font-size: 40px;
        line-height: 40px;
    }
    .text6 h2 {
        font-size: 40px;
        line-height: 40px;
    }
    .ban6 .img4{
        top: 12%;
    }
    .ban6 .text6 {
        left: 9%;
    }
    .ban6 .text6_1{
        top: 28%;
    }
    .text6_1 ul li:nth-child(2) {
        height: 500px;
        width: 96%;
        margin-left: 4%;
    }
    .text6_1 p {
    font-size: 18px;
}
    .text6_1 ul li .r1 {
        height: 250px;
        width: 47%;
    }
    .text6_1 ul li .r1:nth-child(1) {
        margin-left: 2%;
        width: 47%;
    }
    .ban6 .text6_1{
        bottom: 1%;
    }
    .text6_1 ul li{
        margin-top: 20px;
    }
.text6_1 .nimg22 {
    height: auto!important;
	    max-height: none;
}
.right h1, .right h2 {
    text-align: left;
    font-size: 30px;
    line-height: 30px;
}
.left .ol li p {

    font-size: 14px;

}

    .footer .right {
        width: 58%;
        top: 11%;
        margin-left: 15%;
    }
    .footer .left {
        width: 60%;
        bottom: 2%;
        margin-left: 15%!important;
    }
    .left .ol {
        margin-top: 10px;
    }
    .left .ul li {
        margin-top: 10px;
    }
}



/**/